<ion-backdrop (click)="bgClick()"></ion-backdrop>
<div class="my-share-wrapper">
  <div class="my-share-container">
    <ion-row>
      <ion-col col-3 (click)="doWechatShare('TIMELINE')">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-pyq"></use>
        </svg>
        <p>朋友圈</p>
      </ion-col>
      <ion-col col-3 (click)="doWechatShare('SESSION')">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-circular-WeChat"></use>
        </svg>
        <p>微信好友</p>
      </ion-col>
      <ion-col col-3 (click)="doWechatShare()">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-circular-Weibo"></use>
        </svg>
        <p>微博</p>
      </ion-col>
      <ion-col col-3 (click)="doQQShare('QQZone')">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-circular-QQspace"></use>
        </svg>
        <p>QQ空间</p>
      </ion-col>
    </ion-row>

    <ion-row>
      <ion-col col-3 (click)="doQQShare('QQ')">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-circular-QQ"></use>
        </svg>
        <p>QQ</p>
      </ion-col>
      <ion-col col-3 (click)="doImageShare()" *ngIf="_opts.data.type != 'image'">
        <svg class="icon" aria-hidden="true">
          <use xlink:href="#icon-picture"></use>
        </svg>
        <p>生成图片</p>
      </ion-col>
      <ion-col col-3 (click)="doMoreShare()">
        <i class="icon iconfont icon-iconfontgengduo"></i>
        <p>更多</p>
      </ion-col>
    </ion-row>
    <div class="cancle-row">
      <button ion-button clear block (click)="bgClick()">取消分享</button>
    </div>

  </div>
</div>